@import "~@/assets/style/base/color.less";

.table-list {
  margin-bottom: 16px;
  padding: 16px 32px;
  background-color: #ffffff;

  &-head {
    padding: 0 22px;
    color: #ffffff;
    font-size: 28px;
    line-height: 92px;
    background-color: @orange;
  }

  &-rule {
    padding: 0;
    height: 92px;
    background: #F8EDED;
    border: 2px solid rgba(226, 86, 86, 0.4);

    &__text {
      margin: 18px 42px;
      height: 20px;
      font-size: 20px;
      font-weight: 400;
      color: #E25656;
      line-height: 20px;
    }
  }

  &-row {
    height: 92px;
    padding: 0 22px;
    font-size: 24px;

    .van-row {
      height: 100%;
    }

    .van-col {
      display: flex;
      align-items: center;
    }

    .van-icon {
      color: @red;
      vertical-align: middle;
    }

    .van-button {
      margin: 0 auto;
    }

    &__center {
      margin: 0 auto;
    }

    &__even {
      background: #F3F3F3;
    }

    &__status {
      color: @orange;

      &_abnormal {
        color: @red;
      }

      &_normal {
        color: @blue;
      }
    }

    &__nodata {
      margin: 0 auto;
    }
  }
}

.color1 {
  color: #000000;
}

.color2 {
  color: #3CBDD0;
}
